Html5 ile Web Tasarımı - 301

HTML5 günümüzde kullanılan HTML dilinin son sürümüdür. HTML5 kullanımıyla birlikte eski versiyon HTML dili sadeleştirilmiştir. HTML5 önceden var olan teknolojileri desteklerken, kullanılan HTML etiketlerine daha fazla özellik eklenmiştir. HTML5 ile birlikte multimedya (video, ses) desteği daha da geliştirilmiştir. Bir web sitesi yaparken kullanılan JavaScript ve CSS teknolojileri HTML5 ile birlikte daha etkili kullanılmaya başlanmıştır. HTML5 ile birlikte bir çok yeni etiket kullanılmaya başlanmıştır. HTML5 etiketleri daha önce kullanılan HTML etiketlerinden farklı olarak “anlamsal etiketler” olarak adlandırılmaktadır. Anlamsal etiketler arama motorları tarafından hemen tanınmaktadır. Bir web sitesinin arama motorlarında (Google, yandex vb.) ön sıralarda çıkmasını sağlamak için anlamsal etiketler son derece önemlidir. Arama motorları web sitelerini analiz ederken HTML etiketlerini ve bu etiketler arasına eklenen yazı, resim, video vb. içerikleri algılamaya çalışır. HTML5’ten önceki teknolojilerde arama motorları bir siteyi analiz ederken çok fazla işlem yapmak zorunda kaldığı gibi içerikleri doğru analiz edememe gibi sorunlar da yaşanmaktaydı. HTML5 ile birlikte bu sıkıntılar ortadan kalktı. HTML5 etiketlerinin anlamsal olması web sitesinin anlamsal olmasını sağladı. HTML5 ile Web Tasarımı - 301 dersinde adım adım HTML5 kodlarının yapısı anlatılmaktadır. HTML5 ile kullanılan anlamsal etiketler ve bu etiketlerin kullanım yöntemleri HTML5 ile Web Tasarımı - 301 online dersinde örnek bir web sayfası projesini oluşturarak ayrıntılı bir şekilde anlatılmaktadır. HTML5 ile Web Tasarımı - 301 dersini tamamlayan birisi HTML5 etiketlerini kullanarak bir web sitesini oluşturabilecek bilgi ve beceriye sahip olacaktır.

Etkinlikleri açabilmek için için giriş yapmalısınız. Giriş yapmak için tıklayın

1
Html5 Kavramı
Bu etkinlikte "HTML nedir?" sorusunu yanıtlayacaksın. HTML5 kavramını tanımlayacaksın. Anlamsal etiket kavramını öğreneceksin.
2
Kodlamaya Başlayalım
Bu etkinlikte HTML, CSS ve JavaScript arasındaki ilişkiyi öğreneceksin. İlk HTML kodunu yazacaksın. Doctype kavramını öğreneceksin.
3
Html5 Ilk Proje
Bu etkinlikte "Başlık" alanı oluşturacaksın. Menü oluşturacaksın. İçerik alanları tanımlayacaksın.
4
Makale
Bu etkinlikte web sayfasına içerik ekleyeceksin, eklediğin içeriklere başlık ekleyeceksin.
5
Video Ekleyelim
Bu etkinlikte web sitesine video ekleyeceksin, eklediğin videonun denetim panelini açacaksın.
6
Alt Alan
Bu etkinlikte makale ve yeni reklam alanı ekleyeceksin. Sayfa alt alanı oluşturacaksın.
7
Resim
Bu etkinlikte resim ve resim başlığı eklemeyi öğreneceksin. "Hakkımızda" alanı tasarlayıp, metin vurgulamayı öğreneceksin.
8
Iletişim Formu
Bu etkinlikte "iletişim" alanını tasarlayıp form alanı oluşturacaksın.
9
Link
Bu etkinlikte referans noktaları belirleyeceksin. Siteye link eklemeyi öğreneceksin.
10
Html5 Ekstra Bölüm 1
Bu etkinlikte yeni input tiplerini ve bu tiplere ait özellikleri öğreneceksin. Datalist ve Output elemanlarını tanıyacaksın.
11
Html5 Ekstra Bölüm 2
Bu etkinlikte yeni input tiplerini ve bu tiplere ait özellikleri öğreneceksin. Datalist ve Output elemanlarını tanıyacaksın.